<template>
  <div id="app" class="content" slot="ScrollTop">
    <Header/>
    <Charts/>
    <Form/>
    <VueToTop :type="13" :size="30"></VueToTop>
    <InquiryFrom v-for="info in infos" v-bind:key="info.id" v-bind="info"/>
  </div>
</template>
<script>
import InquiryFrom from '@/components/Inquiry-from.vue'
import Charts from '@/components/charts.vue'
import Header from "@/components/header"
import Form from "@/components/form"
import VueToTop from 'vue-totop'

export default {
  name: 'app',
  components: {
    InquiryFrom,
    Charts,
    Header,
    Form,
    VueToTop,
  },
  data() {
    return {
      infos: null,
      data: [],
      label: '询盘数',
      labels: [],
    }
  },
  created() {
    this.getDatas();
  },
  mounted() {
  },
  methods: {
    getDatas() {
      this.$axios
          .get('https://sss.allarenice.com/welcome/ordersmobileget', {
            header: {
              'Access-Control-Allow-Origin': '*'
            }
          })
          .then(response => (this.infos = response.data))
    },
  }
}
</script>

<style lang='scss'>
body{
  background: #F6F8FA url(./assets/background.png) center top;
  margin-left:auto;
  margin-right: auto;
  max-width: 980px;
  color: #3F4347;
  font-size: 12px;
  font-family: sans-serif;
  line-height: 1;
  position: relative;
  padding: 0 10px;
}
#app{
  text-align: justify;
  border-radius: 5px;
  margin-top: 70px;
  width: 98%;
  background: #FFF;
  border: 1px solid #E3E4E6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.v-top {
  z-index: 1000;
  border: 1px solid rgba(128, 128, 128, 0.1);
  border-radius: 15%;
  background-color: rgba(128, 128, 128, 0.1);
}
</style>
